<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	{% load staticfiles %}
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>登录</title>
<style type="text/css">
	#login{
		height::1000px;
		width:500px;
		background-color:rgba(204,204,204,0.8);
		margin:80px auto;
		
		}
	#littlebox{
		margin-left:60px;	
		width:380px;
		background-color:rgba(102,0,102,0.35);
	}
	#title{
		margin-top:-680px;
		text-align:center;
		color:rgba(204,204,204,0.8);
		font-family:"Lucida Console", Monaco, monospace;
		font-size:60px;
	}
	#button{
		margin:10px auto auto 70px;
		width:85px;
	}
	#box{

		position: relative;
    	width: 100%;
    	padding-top: 100vh;
   		background-position: center center;
    	background-size: cover;
    	overflow: hidden; 
		}
	#input{
		margin:10px auto auto 90px;
		color:#FFFFFF;
		}
</style>
</head>

<body>
<div id="box" style="background-image: url({% static 'pictures/1.jpg' %});">
	<h1 id="title">python新闻网-登录</h1>
	<div id="login">
    	<br />
        <br />
        <br />
        <div id="littlebox">
        	<br />
			<form  method="POST">
			{% csrf_token %}
        	<div id="input">
				账号:<br/><br />
            	<input style="height:25px;border-radius:10px;" type="text" name="username"/><br/>
            	<br />
				密码:<br/><br />
            	<input style="height:25px;border-radius:10px;" type="password" name="passwd"/><br/>
             
            	<br />
        		<button style="height:28px;" type="submit" id="button">登录</button>
				<br />
            	<br />
        		<a href="/register" style="color:#FFF">注 册</a>
            </div>
			</form>
        </div>
        <br />
        <br />
        <br />
	</div>
    <br />




</div>
</body>
</html>
